<template>
  <!-- 生命周期各种执行先后
  父子组件间
     父--子---父(最后一步交给父组件结束)
     beforeCreate
     created
     beforeMount
     beforeCreate(子)
     created(子)
     beforeMount(子)
     mounted(子)
     mounted

  首页页面切换到about页面时，首页的beforeDestroy什么时候执行的?
  在about页面的mounted前执行

  -->
  <div>
    <router-link to="/">首页</router-link>
    <router-link to="/about">about</router-link>
    <router-view></router-view>
  </div>
</template>
<script>
export default {}
</script>
<style>
.router-link-exact-active {
  color: red;
}
</style>
